<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<div id="app" style="min-height: calc(100vh - 0px);margin-top: 100px;">
			<warmer-transfer  :sourcedata="sourcedata" sourcetitle="源列表" :targetdata="targetdata" targettitle="目标列表"></warmer-transfer>
		</div>
		<script src="js/vue.js" type="text/javascript"></script>
		<script src="js/warmer-transfer.js" type="text/javascript"></script>
        <script  type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                sourcedata: [
                    {id: 1, name: "HTML5", isSelected: false},
                    {id: 2, name: "CSS3", isSelected: false},
                    {id: 3, name: "Angular", isSelected: false},
                    {id: 4, name: "Vue", isSelected: false},
                    {id: 5, name: "Linux", isSelected: false},
                    {id: 6, name: "JavaScript", isSelected: false},
                    {id: 7, name: "springboot", isSelected: false},
                    {id: 8, name: "java", isSelected: false},
                    {id: 9, name: "mysql", isSelected: false},
                    {id: 10, name: "postgresql", isSelected: false},
                    {id: 11, name: "redis", isSelected: false},
                    {id: 12, name: "Neo4j", isSelected: false},
                    {id: 13, name: "spark", isSelected: false},
                    {id: 14, name: "doubbo", isSelected: false},
                ],
                targetdata:[{id: 11, name: "redis", isSelected: false},
                    {id: 12, name: "Neo4j", isSelected: false},]
            },
            mounted() {

            },
            created() {

            },
            computed: {

            },
            methods: {

            }
        })
    </script>
	</body>
</html>
